.comQuantizationInvestmentPopup_container {
	width: 100%;

	.van-popup {
		background-color: #0C1527!important;
	}
	.van-tabs__wrap{
		height: 2rem;
	}
	.van-tabs__nav.van-tabs__nav--card{
		margin: 0;
		border: none;
		background-color: rgba(0, 73, 164, 0.30);
		border-radius: 5px;
		height: 2rem;
		.van-tab{
				color: #fff;
				font-size: @font-size-text;
				border: none;
		}
		.van-tab--active{
				border: none;
				background-color: #fff;
				border-radius: 5px;
				color: @btn-background-color!important;
		}
	}

	.comQuantizationInvestmentPopup_container_title {
		width: 100%;
		line-height: 3rem;
		font-size: 1rem;
		color: #fff;
	}
	.comQuantizationInvestmentPopup_container_investment_estimatedPaymentText{
		display: block;
        width: 100%;
        text-align: right;
        color: #5D6B8C;
        font-size: 0.8rem;
        
	}
	.comQuantizationInvestmentPopup_container_investment_title{
		width: 100%;
		font-size: 0.9rem;
		color: #5D6B8C;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.investment_title_sps{
			font-size: 0.8rem;
			color: @btn-background-color;
		}
	}
	input{
		border: 1px solid #225496;
		height: 2.5rem;
		width: 100%;
		background-color: #20325B;
		border-radius: 8px;
		color: #fff;
		font-size: 0.8rem;
		padding-left: 1rem;
		&::placeholder { /* 现代浏览器 */
				color: #fff;
				opacity: 0.7; 
		}
	}
	.comQuantizationInvestmentPopup_container_radioGroup{
		width: 100%;
		.van-cell.van-cell--clickable{
			background-color: #101D34;
			border-radius: 8px;
			margin-bottom: 1rem;
			img{
				width: 2rem;
				height: 2rem;
				border-radius: 50%;
			}
			.van-cell__title{
				font-size: 1rem;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: start;
				padding-left: 0.8rem;
			}
			.van-cell__value{
				font-size: 0.8rem;
				display: flex;
				align-items: center;
				justify-content: end;
				padding-right: 0.8rem;
			}
			.van-radio{
				display: flex;
				align-items: center;
				height: 30px;
				.van-radio__icon{
					font-size: 15px;
					display: flex;
					align-items: center;
				}
			}
		}
	}
	.comQuantizationInvestmentPopup_container_btn{
		border: none;
		background-color: @btn-background-color;
		width: 85%;
		line-height: 2.5rem;
		border-radius: 25px;
		font-size: 0.9rem;
	}
	.van-dialog{
		background-color: #002446;
		.van-dialog__header{
			font-weight: 700;
			font-size: 1.1rem;
		}
		.van-button.van-button--default{
			background-color: #002446;
		}
		.van-hairline--top.van-dialog__footer{
			border-top: 1px solid rgba(255,255,255,0.3);
		}
		.van-dialog__cancel{
			border-right: 1px solid rgba(255,255,255,0.3);
		}
	}
	.comQuantizationInvestmentPopup_container_dialog_title{
		font-size: 1rem;
		line-height: 3rem;
	}
	.comQuantizationInvestmentPopup_container_dialog_content{
		font-size: 0.8rem;
		line-height: 1.8rem;
		margin-bottom: 1.5rem;
		color: #5D6B8C;
	}
	.comQuantizationInvestmentPopup_container_selectSale{
		width: 100%;
		background-color: @card-background-color;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 0.8rem;
		.selectSale_right{
			display: flex;
			align-items: center;
			span{
				color: @sa-warning;
			}
			img{
				width: 1rem;
			}
		}
	}
	.comQuantizationInvestmentPopup_coupon{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100vw;
		height: 100vh;
		background-color: @box-background-color;
		font-size: 0.9rem;
		.comQuantizationInvestmentPopup_coupon_box{
			width: 100%;
			height: 100%;
			.coupon_title{
				min-height: 1.6rem;
				text-align: left;
				display: flex;
				justify-content: space-between;
				align-items: center;
				button{
					padding: 0.2rem 0.6rem;
					background-color: @btn-background-color;
					font-size: 0.9rem;
				}
			}
			.coupon_list_item{
				width: 100%;
				height: 10vh;
				background-color: @card-background-color;
				overflow: hidden;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.coupon_list_item_left{
					width: 35%;
					height: 100%;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					justify-content: center;
					align-content: center;
					background-color: @tabbar-bc;
					.item_left_title{
						width: 100%;
						font-size: 0.8rem;
						.item_left_title_sps{
							font-size: 1.0rem;
							margin-right: 0.3rem;
						}
					}
					.item_left_lavel{
						width: 100%;
						font-size: 0.8rem;
						color: rgba(255,255,255,0.3);
					}
				}
				.coupon_list_item_right{
					width: 65%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					.right_content{
						font-size: 0.8rem;
						.right_content_title{
							font-size: 0.9rem;
							text-align: left;
						}
						.right_content_lavel{
							color: rgba(255,255,255,0.3);
							text-align: left;
						}
					}
				}
			}
		}
	}
	.comQuantizationInvestmentPopup_btnBox{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		height: 50px;
		background-color: @tabbar-bc;
		display: flex;
		align-items: center;
		justify-content: end;
		button{
			padding: 0.5rem 1rem;
			background-color: @btn-background-color;
			font-size: 0.9rem;
		}
	}
	.comQuantizationInvestmentPopup_btnBox_bg{
		width: 100%;
		height: 50px;
	}
}